<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="oa/Css/D-query.css" />
<script src="js/jquery-1.8.3.js" type="text/javascript"></script>
	<script type="text/javascript">
		$(function(){
				$('.d-manage>ul>li>a').click(function(){
					$(this).toggleClass('expanded').siblings('.submenu').slideToggle();
					$(this).closest('li').toggleClass('action').siblings('.action').removeClass('action').find('>a').toggleClass('expanded').siblings('.submenu').slideToggle();
				})
			})

</script>
<title>Insert title here</title>
</head>
<body>
	<div class="d-manage" >
		
			<p>部门管理<p>
				<ul>
					<li><a href="#">总公司</a>
						<ul class="submenu">
							<li><a href="#">总经理办公室</a></li>
							<li><a href="#">财务部</a></li>
							<li><a href="#">人力资源部</a></li>
							<li><a href="#">行政部</a></li>
							<li><a href="#">业务部</a></li>
							<li><a href="#">技术部</a></li>
						</ul>
					</li>
					<li><a href="#">泉州分公司</a>
						<ul class="submenu">
							<li><a href="#">业务部</a></li>
						</ul>
					</li>
					<li><a href="#">厦门分公司</a>
						<ul class="submenu">
							<li><a href="#">业务部</a></li>
						</ul>
					</li>
					
				</ul>
		
	</div>
	
	<div class="add-manage">
		<form action="">
			<p>上级部门:&nbsp;&nbsp;&nbsp;<input type="text" name="name" size="40"/></p>
			<p>部门名称:&nbsp;&nbsp;&nbsp;<input type="text" name="name" size="40"/></p>
			<p>说明：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<textarea rows="3" cols="40"></textarea></p>
		</form>
	</div>
</body>
</html>